@import "./../../../../style/font";
@import "./../../../../style/color";

.role-page {

  margin-top:30px;
  .btns {
    text-align: right;
    margin-bottom:30px;

    .btn {
      background: $button-normal-background-color;
      box-shadow: 0 0 4px 0 #01FFE6;
      border-radius: 2px;
      border-color: $button-normal-background-color;
      width: 146px;
      height: 48px;
      font-family: $regular-font-family;
      font-size: 20px;
      color: #FFFFFF;
      letter-spacing: 1px;
      text-shadow: 0 0 4px rgba(255,255,255,0.50);
    }
    .add{
      margin-bottom:26px;
    }

    .btn + .btn {
      margin-left: 12px;
    }
  }

  .search {
    margin-top: 26px;
    text-align: right;
    margin-bottom: 10px;

    .ant-input {
      height: 50px;
      width: 260px;
      border: solid 1px $form-border-color;
      border-radius: 0;
      font-family: $regular-font-family;
      font-size: 20px;
      color: $form-font-color;
      letter-spacing: 1px;
      background-color: transparent;

      &::placeholder {
        color: $unselected-font-color;
      }
    }

    .anticon-search:before {
      color: $form-font-color;
    }

    .ant-input-search-icon {
      font-size: 20px;
    }
  }

  .content {

    .ant-table-pagination {
      margin-top: 33px;
    }

    .account-edit {
      color: $account-edit-color;
    }
    .ant-table-row, .ant-table-row-level-0{
      td:last-child{
        span{
          span{
            margin-right:30px;
            &:hover{
              cursor:pointer;
            }
          }
        }
      }
    }

  }
  .interactive-content{
    .ant-table-thead > tr > th,
    .ant-table-tbody > tr > td{
      &:first-child, &:nth-child(2) {
        width: 10%;
        >span{
          overflow: hidden;
          width: 100px;
          white-space: nowrap;
          text-overflow: ellipsis;
          display: inline-block;
        }
      }
      &:nth-child(3), &:nth-child(4){
        width: 15%;
        >span{
          overflow: hidden;
          width: 100px;
          white-space: nowrap;
          text-overflow: ellipsis;
          display: inline-block;
        }
      }
  }
}
}
.role-page .interactive-content .ant-table-thead > tr > th:first-child > span,
.role-page .interactive-content .ant-table-thead > tr > th:nth-child(2) > span,
.role-page .interactive-content .ant-table-tbody > tr > td:first-child > span,
.role-page .interactive-content .ant-table-tbody > tr > td:nth-child(2) > span{

  display: block;
}
.system-manager-page{
  margin-top:0!important;
}
